<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/diary_note.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">

    <!--header start-->
    <div id="header">
        {include file="diary/topnav" /}
    </div>
    <!--header stop-->

    {include file="common/nav" /}

    <!--small-nav start-->
    <div id="small-nav">
        <div class="com">
            <span class="title">首页</span>
            <span class="iconfont icon-you"></span>
            <span class="title">{$parentNavigation['name']}</span>
            <span class="iconfont icon-you"></span>
            <span class="title">{$pageInfo['name']}</span>
        </div>
    </div>
    <!--small-nav stop-->

    <!--page-title start-->
    {if !empty($pageInfo)}
    <div id="page-title" class="com">
        <span class="title">{$pageInfo['name']}</span>
        <span class="content">{$pageInfo['info']}</span>
    </div>
    {/if}
    <!--page-title stop-->

    <div id="center" class="com">

        <div id="left-box">
            <!--ctitle start-->
            {if !empty($children)}
            <div class="ctitle">
                {volist name="children" id="child"}
                <a href="/note/{$id}/{$child.id}"><div {if $cid==$child['id']}class="active"{/if} data-category_id="{$child.id}">{$child.name}</div></a>
                {/volist}
            </div>
            {/if}
            <!--ctitle start-->

            <!--article-list start-->
            {if !empty($articleList)}
            <div class="article-list">
                {volist name="articleList" id="article"}
                <div class="article">
                    <div class="left-box">
                        <a href="{:url('/detail/'.$article['id'])}" target="_blank"><img src="{$article.thumb|image_processing=0}" alt="{$article.title}" title="{$article.title}"></a>
                        <span>{$children.0.name}</span>
                    </div>
                    <div class="right-box">
                        <div class="item-title"><a href="{:url('/detail/'.$article['id'])}" target="_blank">{if !empty($article.isding)}<span class="ding">【顶】</span>{/if}{$article.title}</a></div>
                        <div class="content">{$article.info}</div>
                        <div class="info">
                            <img src="{$article.avatar|image_processing=1}"/>
                            <span class="publish-date">{$article.createtime}</span>
                            <span class="category">[{$children.0.name}]</span>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
            {else/}
            <p style="height:40px; line-height: 40px; text-align: center; padding-bottom: 20px;">暂无数据</p>
            {/if}
            <!--article-list stop-->

            <!--page start-->
            {if !empty($show)}
            <div class="page">
                {$show}
            </div>
            {/if}
            <!--page stop-->
        </div>

        <div id="right-box">
            <!--blogger-introduction start-->
            {if !empty($site.blogger_info)}
            <div class="blogger-introduction">
                <h2 class="title">博主简介</h2>
                <p>{$site.blogger_info}</p>
            </div>
            {/if}
            <!--blogger-introduction stop-->

            <!--click-rank start-->
            {if !empty($recommendArticleList)}
            <div class="click-rank">
                <h2 class="title">站长推荐</h2>
                <ul>
                    {volist name="recommendArticleList" id="recommend"}
                    <li><i></i><a href="{:url('/detail/'.$recommend['id'])}" title="{$recommend.title}" target="_blank">{$recommend.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--click-rank stop-->

            <!--click-rank start-->
            {if !empty($clicksSortArticleList)}
            <div class="click-rank">
                <h2 class="title">点击排行</h2>
                <ul>
                    {volist name="clicksSortArticleList" id="clicks"}
                    <li><i></i><a href="{:url('/detail/'.$clicks['id'])}" title="{$clicks.title}" target="_blank">{$clicks.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--click-rank stop-->

            <!--tag-cloud start-->
            {if !empty($tagsList)}
            <div class="tag-cloud">
                <h2 class="title">标签云</h2>
                <div id="tag-box">
                    {volist name="tagsList" id="tag"}
                    <a href="/list/0/0/{$tag.id}" target="_blank">{$tag.name}</a>
                    {/volist}
                </div>
            </div>
            {/if}
            <!--tag-cloud stop-->

        </div>

    </div>

    <div style="height: 30px; clear: both;"></div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/diary_index.js?v=__VERSION__"></script>
</body>
</html>